<template>
  <div id="app">
    <blogHeader></blogHeader>
      <!-- <div style="margin:0 auto;"> -->
        <!-- <el-row>
          <el-col :xs="0" :sm="0" :md="0" :lg="0" :xl="6">
          </el-col>
          <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8"> -->
            <!-- <div style="width:70%;float:left;float:left;"> -->
              <keep-alive>
                <router-view></router-view>
              </keep-alive>
            <!-- </div> -->
          <!-- </el-col>
          <el-col :xs="4" :sm="4" :md="4" :lg="4" :xl="4"> -->
            <!-- <div style="width:30%;margin-top:100px;float:right;"> -->
              <!-- <right></right> -->
            <!-- </div> -->
          <!-- </el-col>
          <el-col :xs="0" :sm="0" :md="0" :lg="0" :xl="6">
          </el-col>
        </el-row> -->
      <!-- </div> -->
    <blogFooter></blogFooter>
  </div>
</template>

<script>
import blogHeader from '@/components/blogHeader'
import blogFooter from '@/components/blogFooter'
import right from '@/components/right'
export default {
  name: 'App',
  data () {
    return {}
  },
  created () {
    console.log(this.$route.path)
  },
  components: {
    blogFooter,
    right,
    blogHeader
  }
}
</script>

<style>
*{
  margin: 0;
}
#app {
  color: #2c3e50;
  /* margin: 60px 0; */
  user-select: none;
  animation: firstload 5s;
  min-width: 1480px;
}
@keyframes firstload
{
from {opacity: 0;}
to {opacity: 1;}
}
/* html::-webkit-scrollbar-Y{
  background: #eee;
  display:none;
} */
body{
  background: #fff;
  /* overflow-x:scroll; */
}
@keyframes firstload
{
from {opacity: 0;}
to {opacity: 1;}
}
</style>
